<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>



    <!-- 2.内嵌或内部js -->
    <script>
        //js代码
        /*js多行注释*/
        alert("我是内部js")
    </script>

    <!-- 3.引用外部js文件 -->
    <script src="js/01.js"></script>
</head>

<body>
    <!-- 
        js书写有三种位置：
        -行内：在标签内容使用onXXX来定义需要执行的操作
        -内嵌或内部js：通过<script></script>来书写js的代码 理论上标签的位置可以随便放 但是要么靠上要么靠下
        -外部js文件:使用<script></script>标签的src属性来引用 
     -->

    <!-- 1.行内js -->
    <div style="width: 100px; height: 100px; background-color: pink;" onclick="alert('55555')">

    </div>



</body>


</html>